<html>
<head>
<title>ORPCMCRX Options</title>
<link rel="stylesheet" type="text/css" href="css_tree/_styles.css" media="screen">
<style type="text/css">
body {
font-family: Arial, sans-serif;
font-size: 16px;
background-color: white;
}
div.left_panel {
position:fixed;
top:0px;
left:0px;
bottom:0px;
width:216px;
background-image: -webkit-linear-gradient(left, rgb(187, 171, 162), rgb(177, 161, 152) 97%, rgb(67, 51, 42));
}

div.left_panel ul {
color: black;
cursor: default;
display: block;
list-style-type: none;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
width: 216px;
}

div.left_panel ul li {
-webkit-user-select: none;
background-color: transparent;
border-bottom-color: transparent;
border-bottom-style: solid;
border-bottom-width: 1px;
border-top-color: transparent;
border-top-style: solid;
border-top-width: 1px;
color: black;
cursor: pointer;
display: block;
font-family: Arial, sans-serif;
font-size: 14px;
height: 16px;
list-style-type: none;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
outline-color: #BBBBBB;
outline-style: none;
outline-width: 0px;
padding-bottom: 7px;
padding-left: 0px;
padding-right: 24px;
padding-top: 7px;
text-align: end;
text-shadow: #DDDDDD 0px 1px 1px;
width: 192px;
}
div.left_panel ul li.selected {
-webkit-box-shadow: rgb(87, 71, 62) 0px 1px 0px 0px;
-webkit-user-select: none;
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: -webkit-linear-gradient(left, rgb(187, 171, 162), rgb(255, 255, 255) 10%);
background-origin: padding-box;
border-bottom-color: #8FAAD9;
border-bottom-style: solid;
border-bottom-width: 1px;
border-top-color: #8FAAD9;
border-top-style: solid;
border-top-width: 1px;
color: black;
cursor: pointer;
display: block;
font-family: Arial, sans-serif;
font-size: 14px;
height: 16px;
list-style-type: none;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
outline-color: black;
outline-style: none;
outline-width: 0px;
padding-bottom: 7px;
padding-left: 0px;
padding-right: 24px;
padding-top: 7px;
text-align: end;
text-shadow: #BBCEE9 0px 1px 1px;
width: 192px;
}

h1 {
background-color: transparent;
color: #FF7500;
cursor: pointer;
display: block;
font-family: Arial, sans-serif;
font-size: 26px;
font-weight: normal;
height: 32px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 14px;
padding-top: 13px;
text-align: end;
text-shadow: black 0px 1px 2px;
width: 192px;
}

h2 {
background-color: transparent;
color: #FF7500;
cursor: pointer;
display: block;
font-family: Arial, sans-serif;
font-size: 26px;
font-weight: normal;
height: 32px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 14px;
padding-top: 13px;

text-shadow: black 0px 1px 2px;

}

div.right_panel {
position:absolute;
top:0px;
left:0px;
margin-left:216px;
padding-left: 14px;
}

div.content_panel {
position:relative;
top:0px;
left:0px;
width:100%;

}

h3 {
background-color: transparent;
border-bottom-color: #EEE;
border-bottom-style: solid;
border-bottom-width: 1px;
color: black;
cursor: default;
display: table-cell;
font-family: Arial, sans-serif;
font-size: 14px;
font-weight: bold;
height: 16px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
vertical-align: baseline;
width: 130px;
}
div.fields {
-webkit-box-flex: 1;
background-color: transparent;
border-bottom-color: #EEE;
border-bottom-style: solid;
border-bottom-width: 1px;
color: black;
cursor: default;
display: table-cell;
font-family: Arial, sans-serif;
font-size: 13px;
min-height: 100px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 0px;
padding-top: 0px;
vertical-align: baseline;
width: 700px;

}

div.field {
margin-bottom: 5px;
margin-left: 0px;
margin-right: 0px;
margin-top: 5px;
}

select {

-webkit-appearance: none;
-webkit-box-align: center;
-webkit-box-flex: 1;
-webkit-box-shadow: rgba(0, 0, 0, 0.199219) 0px 1px 3px 0px;
-webkit-rtl-ordering: logical;
-webkit-user-select: none;
background-color: white;
background-image: url(selectarrow.png), -webkit-linear-gradient(top, rgb(254, 254, 254), rgb(248, 248, 248) 40%, rgb(233, 233, 233));
background-position: 100% 50%, 100% 50%;
background-repeat: no-repeat, no-repeat;
border-bottom-color: #AAA;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: #AAA;
border-left-style: solid;
border-left-width: 1px;
border-right-color: #AAA;
border-right-style: solid;
border-right-width: 1px;
border-top-color: #AAA;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
border-top-style: solid;
border-top-width: 1px;
box-sizing: border-box;
color: #333;
cursor: default;
display: block;
font-family: Arial;
font-size: 13px;
font-style: normal;
font-variant: normal;
font-weight: normal;
height: 24px;
letter-spacing: normal;
line-height: normal;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
max-width: 400px;
overflow-x: hidden;
overflow-y: hidden;
padding-bottom: 2px;
padding-top: 2px;
text-align: -webkit-auto;
text-indent: 0px;
text-overflow: ellipsis;
text-shadow: none;
text-transform: none;
white-space: nowrap;
width: 400px;
word-spacing: 0px;
}

input.textbox {

-webkit-appearance: none;
-webkit-box-flex: 0;
-webkit-rtl-ordering: logical;
-webkit-user-select: text;
background-color: #EBEBE4;
border-bottom-color: #AAA;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: #AAA;
border-left-style: solid;
border-left-width: 1px;
border-right-color: #AAA;
border-right-style: solid;
border-right-width: 1px;
border-top-color: #AAA;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
border-top-style: solid;
border-top-width: 1px;
box-sizing: border-box;
color: black;
cursor: auto;
display: inline-block;
font-family: Arial;
font-size: 13px;
font-style: normal;
font-variant: normal;
font-weight: normal;
height: 24px;
letter-spacing: normal;
line-height: normal;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
overflow-x: visible;
overflow-y: visible;
padding-bottom: 3px;
padding-left: 3px;
padding-right: 3px;
padding-top: 3px;
position: static;
text-align: -webkit-auto;
text-indent: 0px;
text-overflow: clip;
text-shadow: none;
text-transform: none;
white-space: pre;
width: 50px;
word-spacing: 0px;

}

</style>

<script type="text/javascript" src="settings.js"></script>
<script type="text/javascript">
function restore_options() {
	var old_settings_object = readSettings();
	
	


	var checkbox_thread_label_add = document.getElementById("checkbox_thread_label_add");
	checkbox_thread_label_add.checked = (old_settings_object.thread_label.add == 1);
	var checkbox_thread_label_show_gameName = document.getElementById("checkbox_thread_label_show_gameName");
	checkbox_thread_label_show_gameName.checked = (old_settings_object.thread_label.show_gameName == 1);
	var checkbox_thread_label_show_threadName = document.getElementById("checkbox_thread_label_show_threadName");
	checkbox_thread_label_show_threadName.checked = (old_settings_object.thread_label.show_threadName == 1);
	
	var checkbox_post_userHeader_alter = document.getElementById("checkbox_post_userHeader_alter");
	checkbox_post_userHeader_alter.checked = (old_settings_object.post_userHeader.alter == 1);
	var select_post_userHeader_userAvatar = document.getElementById("select_post_userHeader_userAvatar");
	select_post_userHeader_userAvatar.value = old_settings_object.post_userHeader.userAvatar;
	var textbox_post_userHeader_userAvatar_maxHeight = document.getElementById("textbox_post_userHeader_userAvatar_maxHeight");
	textbox_post_userHeader_userAvatar_maxHeight.value = old_settings_object.post_userHeader.userAvatar_maxHeight;
	var textbox_post_userHeader_userAvatar_maxWidth = document.getElementById("textbox_post_userHeader_userAvatar_maxWidth");
	textbox_post_userHeader_userAvatar_maxWidth.value = old_settings_object.post_userHeader.userAvatar_maxWidth;
	var select_post_userHeader_userName = document.getElementById("select_post_userHeader_userName");
	old_settings_object.post_userHeader.userName;
	var select_post_userHeader_userTitle = document.getElementById("select_post_userHeader_userTitle");
	old_settings_object.post_userHeader.userTitle;
	var checkbox_post_userHeader_hide_joindate = document.getElementById("checkbox_post_userHeader_hide_joindate");
	old_settings_object.post_userHeader.hide_joindate;
	var checkbox_post_userHeader_hide_location = document.getElementById("checkbox_post_userHeader_hide_location");
	old_settings_object.post_userHeader.hide_location;
	var checkbox_post_userHeader_hide_memberno = document.getElementById("checkbox_post_userHeader_hide_memberno");
	old_settings_object.post_userHeader.hide_memberno;
	var checkbox_post_userHeader_hide_poststats = document.getElementById("checkbox_post_userHeader_hide_poststats");
	old_settings_object.post_userHeader.hide_poststats;
	var checkbox_post_userHeader_hide_status_br = document.getElementById("checkbox_post_userHeader_hide_status_br");
	old_settings_object.post_userHeader.hide_status_br;

	var checkbox_post_miniHeader_alter = document.getElementById("checkbox_post_miniHeader_alter");
	old_settings_object.post_miniHeader.alter;
	var checkbox_post_miniHeader_show_userName = document.getElementById("checkbox_post_miniHeader_show_userName");
	old_settings_object.post_miniHeader.show_userName;
	var checkbox_post_miniHeader_show_playerName = document.getElementById("checkbox_post_miniHeader_show_playerName");
	old_settings_object.post_miniHeader.show_playerName;
	var checkbox_post_miniHeader_show_userAvatarIcon = document.getElementById("checkbox_post_miniHeader_show_userAvatarIcon");
	old_settings_object.post_miniHeader.show_userAvatarIcon;
	var checkbox_post_miniHeader_show_playerAvatarIcon = document.getElementById("checkbox_post_miniHeader_show_playerAvatarIcon");
	old_settings_object.post_miniHeader.show_playerAvatarIcon;
	var textbox_post_miniHeader_avatarIconMaxHeight = document.getElementById("textbox_post_miniHeader_avatarIconMaxHeight");
	old_settings_object.post_miniHeader.avatarIconMaxHeight;
	var select_post_miniHeader_postCountLink = document.getElementById("select_post_miniHeader_postCountLink");
	old_settings_object.post_miniHeader.postCountLink;
	var checkbox_post_miniHeader_add_playerSheetLink = document.getElementById("checkbox_post_miniHeader_add_playerSheetLink");
	old_settings_object.post_miniHeader.add_playerSheetLink;

	var checkbox_quicksheet_add = document.getElementById("checkbox_quicksheet_add");
	old_settings_object.quicksheet.add;
	var checkbox_quicksheet_move_user = document.getElementById("checkbox_quicksheet_move_user");
	old_settings_object.quicksheet.move_user;
	var checkbox_quicksheet_show_playerName = document.getElementById("checkbox_quicksheet_show_playerName");
	old_settings_object.quicksheet.show_playerName;
	var checkbox_quicksheet_show_playerTitle = document.getElementById("checkbox_quicksheet_show_playerTitle");
	old_settings_object.quicksheet.show_playerTitle;
	var checkbox_quicksheet_show_playerAvatar = document.getElementById("checkbox_quicksheet_show_playerAvatar");
	old_settings_object.quicksheet.show_playerAvatar;
	var checkbox_quicksheet_show_playerSheetLink = document.getElementById("checkbox_quicksheet_show_playerSheetLink");
	old_settings_object.quicksheet.show_playerSheetLink;
	var checkbox_quicksheet_show_playerCribsheet = document.getElementById("checkbox_quicksheet_show_playerCribsheet");
	old_settings_object.quicksheet.show_playerCribsheet;
}

function save_settings() {

}

function change_pages(event) {

	if (event.target.id.indexOf("li_Settings") == -1) {
		document.getElementById('li_Settings').className = '';
		document.getElementById('pan_Settings').hidden = true;
	} else {
		document.getElementById('li_Settings').className = 'selected';
		document.getElementById('pan_Settings').hidden = false;
	}
	if (event.target.id.indexOf("li_Games") == -1) {
		document.getElementById('li_Games').className = '';
		document.getElementById('pan_Games').hidden = true;
	} else {
		document.getElementById('li_Games').className = 'selected';
		document.getElementById('pan_Games').hidden = false;
	}
	if (event.target.id.indexOf("li_Advanced") == -1) {
		document.getElementById('li_Advanced').className = '';
		document.getElementById('pan_Advanced').hidden = true;
	} else {
		document.getElementById('li_Advanced').className = 'selected';
		document.getElementById('pan_Advanced').hidden = false;
	}

}
</script>
</head>
<body onload="restore_options()">
<div class="left_panel">
<h1>ORPCMCRX</h1>
<ul>
<li id="li_Settings" class="selected" onclick="change_pages(event);">Global Settings</li>
<li id="li_Games" onclick="change_pages(event);">Games Management</li>
<li id="li_Advanced" onclick="change_pages(event);">Advanced</li>
</ul>
</div>
<div class="right_panel">
<div class="content_panel" id="pan_Settings">
<h2>Global Settings</h2>
<h3>Thread Label</h3>
<div class="fields">
<div class="field"><input type="checkbox" id="checkbox_thread_label_add"></input><label for="checkbox_thread_label_add">Add a Label to Thread View</label></div>
<div class="field"><input type="checkbox" id="checkbox_thread_label_show_gameName"></input><label for="checkbox_thread_label_show_gameName">Include Game Name in this Label</label></div>
<div class="field"><input type="checkbox" id="checkbox_thread_label_show_threadName"></input><label for="checkbox_thread_label_show_threadName">Include Thread Name in this Label</label></div>
</div><br />
<h3>User Header</h3>
<div class="fields">
<div class="field"><input type="checkbox" id="checkbox_post_userHeader_alter"></input><label for="checkbox_post_userHeader_alter">Enable alterations to the user header in posts</label></div>
<div class="field"><select id="select_post_userHeader_userAvatar">
<option value="Leave">Leave Avatars Alone</option>
<option value="Add">Add Player Avatars</option>
<option value="Change">Change User Avatars to Player Avatars</option>
<option value="Remove">Remove All Avatars</option>
</select></div>
<div class="field"><input class="textbox" id="textbox_post_userHeader_userAvatar_maxHeight"></input><label for="textbox_post_userHeader_userAvatar_maxHeight">&nbsp;Max Width for Avatars (0 for default, -1 for none)</label></div>
<div class="field"><input class="textbox" id="textbox_post_userHeader_userAvatar_maxWidth"></input><label for="textbox_post_userHeader_userAvatar_maxHeight">&nbsp;Max Height for Avatars (0 for default, -1 for none)</label></div>

<div class="field">
<select id="select_post_userHeader_userAvatar_mod_image">
<option>Leave Names Alone</option>
<option>Add Player Names</option>
<option>Change User Names to Player Names</option>
<option>Remove All Names (not recommended)</option>
</select></div>

<div class="field">
<select id="select_post_userHeader_userAvatar_mod_image">
<option>Leave Titles Alone</option>
<option>Add Player Titles</option>
<option>Change User Titles to Player Titles</option>
<option>Remove All Titles</option>
</select></div>

<div class="field"><input type="checkbox" id="checkbox_post_userHeader_hide_joindate"></input><label for="checkbox_post_userHeader_hide_joindate">Hide Join Date</label></div>
<div class="field"><input type="checkbox" id="checkbox_post_userHeader_hide_location"></input><label for="checkbox_post_userHeader_hide_location">Hide Location</label></div>
<div class="field"><input type="checkbox" id="checkbox_post_userHeader_hide_memberno"></input><label for="checkbox_post_userHeader_hide_memberno">Hide Member Number</label></div>
<div class="field"><input type="checkbox" id="checkbox_post_userHeader_hide_poststats"></input><label for="checkbox_post_userHeader_hide_poststats">Hide Post Stats</label></div>
<div class="field"><input type="checkbox" id="checkbox_post_userHeader_hide_status_br">Hide BR Before User Status </input><label for="checkbox_post_userHeader_hide_status_br"></label></div>


</div><br />
<h3>Mini Header</h3>
<div class="fields">
<div class="field"><input type="checkbox" id="checkbox_post_miniHeader_alter"></input><label for="checkbox_post_miniHeader_alter">Enable alterations to the mini header in posts (where post date is shown)</label></div>

<div class="field"><input type="checkbox" id="checkbox_post_miniHeader_show_userName"></input><label for="checkbox_post_userHeader_hide_joindate">Show User Name</label></div>
<div class="field"><input type="checkbox" id="checkbox_post_miniHeader_show_playerName"></input><label for="checkbox_post_userHeader_hide_location">Show Player Name</label></div>
<div class="field"><input type="checkbox" id="checkbox_post_miniHeader_show_userAvatarIcon"></input><label for="checkbox_post_userHeader_hide_memberno">Show User Avatar (as Icon)</label></div>
<div class="field"><input type="checkbox" id="checkbox_post_miniHeader_show_playerAvatarIcon"></input><label for="checkbox_post_userHeader_hide_poststats">Show Player Avatar (as Icon)</label></div>
<div class="field"><input class="textbox" id="checkbox_post_miniHeader_avatarIconMaxHeight"></input><label for="checkbox_post_miniHeader_avatarIconMaxHeight">&nbsp;Max Height for Avatars Icons</label></div>

<div class="field">
<select id="select_post_miniHeader_postCountLink">
<option>Leave Show Post Link Alone</option>
<option>Change Show Post Link to a Show Post in Thread Link</option>
<option>Remove Show Post Link</option>
</select></div>

<div class="field"><input type="checkbox" id="checkbox_post_miniHeader_add_playerSheetLink">Include a Link to the Player's Character Sheet thread</input><label for="checkbox_post_userHeader_hide_status_br"></label></div>


</div><br />
<h3>Quick Sheet</h3>
<div class="fields">
<div class="field"><input type="checkbox" id="checkbox_quicksheet_add"></input><label for="checkbox_quicksheet_add">Add a "Quick Sheet" to each Post</label></div>
<div class="field"><input type="checkbox" id="checkbox_quicksheet_move_user"></input><label for="checkbox_quicksheet_move_user">Move the User-Header into the Quick Sheet Area</label></div>
<div class="field"><input type="checkbox" id="checkbox_quicksheet_show_playerName"></input><label for="checkbox_quicksheet_show_playerName">Include the Player Name in the Quick Sheet Area</label></div>
<div class="field"><input type="checkbox" id="checkbox_quicksheet_show_playerTitle"></input><label for="checkbox_quicksheet_show_playerTitle">Include the Player Title in the Quick Sheet Area</label></div>
<div class="field"><input type="checkbox" id="checkbox_quicksheet_show_playerAvatar"></input><label for="checkbox_quicksheet_show_playerAvatar">Include the Player Avatar in the Quick Sheet Area</label></div>
<div class="field"><input type="checkbox" id="checkbox_quicksheet_show_playerSheetLink"></input><label for="checkbox_quicksheet_show_playerSheetLink">Include the Player Character Sheet Link in the Quick Sheet Area</label></div>
<div class="field"><input type="checkbox" id="checkbox_quicksheet_show_playerCribsheet"></input><label for="checkbox_quicksheet_show_playerCribsheet">Include the Player Cribsheet in the Quick Sheet Area</label></div>

</div><br />
</div>
<div class="content_panel" id="pan_Games" hidden>
<h2>Games Management</h2>

<h3>Games</h3>
<div class="fields">
<div class="field">
<ol class="tree">
	<li>
		<label for="folder_games">Games</label> <input type="checkbox" checked disabled id="folder_games" />
		<ol>
			<li>
				<label for="subfolder1">Subfolder 1</label> <input type="checkbox" id="subfolder1" /> 
				<ol>
					<li class="file"><a href="">Filey 1</a></li>
					<li>
						<label for="subsubfolder1">Subfolder 1</label> <input type="checkbox" id="subsubfolder1" /> 
						<ol>
							<li class="file"><a href="">File 1</a></li>
							<li>
								<label for="subsubfolder2">Subfolder 1</label> <input type="checkbox" id="subsubfolder2" /> 
								<ol>
									<li class="file"><a href="">Subfile 1</a></li>
									<li class="file"><a href="">Subfile 2</a></li>
									<li class="file"><a href="">Subfile 3</a></li>
									<li class="file"><a href="">Subfile 4</a></li>
									<li class="file"><a href="">Subfile 5</a></li>
									<li class="file"><a href="">Subfile 6</a></li>
								</ol>
							</li>
						</ol>
					</li>
					<li class="file"><a href="">File 3</a></li>
					<li class="file"><a href="">File 4</a></li>
					<li class="file"><a href="">File 5</a></li>
					<li class="file"><a href="">File 6</a></li>
				</ol>
			</li>
						<li>
				<label for="subfolder1">Subfolder 1</label> <input type="checkbox" id="subfolder1" /> 
				<ol>
					<li class="file"><a href="">Filey 1</a></li>
					<li>
						<label for="subsubfolder1">Subfolder 1</label> <input type="checkbox" id="subsubfolder1" /> 
						<ol>
							<li class="file"><a href="">File 1</a></li>
							<li>
								<label for="subsubfolder2">Subfolder 1</label> <input type="checkbox" id="subsubfolder2" /> 
								<ol>
									<li class="file"><a href="">Subfile 1</a></li>
									<li class="file"><a href="">Subfile 2</a></li>
									<li class="file"><a href="">Subfile 3</a></li>
									<li class="file"><a href="">Subfile 4</a></li>
									<li class="file"><a href="">Subfile 5</a></li>
									<li class="file"><a href="">Subfile 6</a></li>
								</ol>
							</li>
						</ol>
					</li>
					<li class="file"><a href="">File 3</a></li>
					<li class="file"><a href="">File 4</a></li>
					<li class="file"><a href="">File 5</a></li>
					<li class="file"><a href="">File 6</a></li>
				</ol>
			</li>
		</ol>
	</li>
</ol>
</div>
</div>

<div class="content_panel" id="pan_Advanced" hidden><h2>Advanced</h2></div>
</div>


</body>
</html>